<template>
	<view class="success">
		<p class="succ_succ">支付成功</p>
		<p class="succ_ganx">感谢您的购买</p>
		<view class="succ_box">
			<button type="default" plain="true" class="btn1" style="background: #51dd1e;color: #fff;border: none;"
				@click="goOrders(0)">查看订单</button>
			<button type="default" plain="true" class="btn2" style="border: 1px solid #51dd1e;color:#51dd1e ;"
				@click="goHome()">继续购物</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			goOrders(item) {
				uni.navigateTo({
					url: `/pages/component/Orders/oriders?item=${item}`
				})
			},
			goHome() {
				uni.switchTab({
					url: "/pages/tabBar/Home/Home"
				})
			}
		}
	}
</script>

<style scoped>
	.success {
		width: 100%;
		height: 100%;
	}

	.succ_succ {
		width: 100%;
		margin-top: 100rpx;
		font-size: 44rpx;
		color: #51dd1e;
		text-align: center;
	}

	.succ_ganx {
		width: 100%;
		color: aliceblue;
		line-height: 56rpx;
		color: #ccc;
		margin-top: 40rpx;
		margin-bottom: 40rpx;
		text-align: center;
	}

	.succ_box {
		width: 100%;
		height: 100rpx;
		display: flex;

	}

	button {
		/* 	width: 100rpx;
		height: 100rpx; */
		line-height: 65rpx;
		font-size: 28rpx;
		height: 70rpx;

	}

	.btn1 {
		background: #51dd1e;
		color: #fff;
	}
</style>
